<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/moBB.css">
    <link rel="stylesheet" href="css/comman.css">
</head>
<body>
    <div class="container ">
        <header>
            <div class="hl">
                <div class="fl">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <img src="images/部落_03.png" alt="" class="fl">
            </div>
            <p>陌BB</p>
            <div class="hr">
                <div class="dian fl">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <div class="chang fl">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </header>

        <div class="content1">
            <ul>
                <li>来BB</li>
                <li>新鲜事</li>
                <li>附近的人</li>
                <li>其他</li>
            </ul>
        </div>

        <div class="content2">
            <img src="images/陌BB_02.png" alt="">
        </div>

        <div class="content3">
            <p>直播大厅</p> 
            <div class="yx1">
                <a href="#" class="yx2">
                    <div class="bj"></div>
                    <p>游戏直播厅</p>
                </a>
                <a href="#" class="yx2">
                    <div class="bj"></div>
                    <p>游戏直播厅</p>
                </a>
                <a href="#" class="yx2">
                    <div class="bj"></div>
                    <p>游戏直播厅</p>
                </a>
                <a href="#" class="yx2">
                    <div class="bj"></div>
                    <p>游戏直播厅</p>
                </a>
            </div>         
        </div>
        <div class="content4"></div>
        <footer>
            <div class="menu">
                <a href="index.html" target="_blank" class="menu-item">
                    <div class="menu-icon"></div>
                    <p>部落</p>
                </a>
                <a href="#" target="_blank" class="menu-item">
                    <div class="menu-icon"></div>
                    <p>陌友</p>
                </a>
                <a href="#" target="_blank" class="menu-item">
                    <div class="menu-icon"></div>
                    <p>动态</p>
                </a>
                <a href="#" target="_blank" class="menu-item">
                    <div class="menu-icon"></div>
                    <p>陌BB</p>
                </a>
            </div>
        </footer>
    </div>
</body>
</html>